import React from 'react';
import 'antd/dist/antd.css';
import Component from '..';

export default function Demo() {
    return (
        <div>
            <div>基本使用</div>
            <br />
            <Component src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" />
            <br />
            <div>音量控制器</div>
            <br />
            <Component src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" showVolumeBar />
            <br />
            <div>速率、音量控制器</div>
            <br />
            <Component src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" showRateBar showVolumeBar />
            <br />
            <div>自定义速率、音量控制器</div>
            <br />
            <Component
                src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3"
                showRateBar
                rates={[0.5, 0.7, 0.9, 1, 1.1, 1.3, 1.5, 2]}
                showVolumeBar
            />
            <br />
        </div>
    );
}
